<div class="modal-dialog" style="width:752px;margin-top: 120px">
    <div class="modal-content" style="min-height:381px; max-height: 485px">
        <div class="custom-modal-header">
            <div class="custom-modal-title">
                <div>新建预定</div>
                <div data-dismiss="modal"></div>
            </div>
        </div>

        <div class="reserve-body">
            <div class="reserve-time-item">
                <span class="point"></span>
                <span class="roomType"><%= model.roomType%></span><span
                    class="roomNumber">( <%= model.roomNumber%> )</span>
                <span class="duration">
                   <span><input type="text" name="fromDate" id="fromDate" readonly="readonly"></span>
                    <span>至</span>
                    <span><input type="text" name="toDate" id="toDate" readonly="readonly"></span>
                    <span class="nightCount"><%= model.duration%>晚</span>
                </span>
            </div>
            <div class="reserve-reserverInfo-item">
                <span class="point"></span>
                <select name="paymentType" id="paymentType">
                    <option value="PIC">现付</option>
                    <option value="PIA">预付</option>
                </select>
                <span style="position: relative"><input type="text" name="reservePeople" id="reservePeople" placeholder="预定人姓名"></span>
                <span style="position: relative"><input type="text" name="reserveMobile" id="reserveMobile" placeholder="预定人手机号"></span>
                <span class="arrTime">到店时间</span>
                <span>
                    <select name="arrivalTime" id="arrivalTime">
                        <option value="11:00">11:00</option>
                        <option value="11:30">11:30</option>
                        <option value="12:00">12:00</option>
                        <option value="12:30">12:30</option>
                        <option value="13:00">13:00</option>
                        <option value="13:30">13:30</option>
                        <option value="14:00">14:00</option>
                        <option value="14:30">14:30</option>
                        <option value="15:00">15:00</option>
                        <option value="15:30">15:30</option>
                        <option value="16:00">16:00</option>
                        <option value="16:30">16:30</option>
                        <option value="17:00">17:00</option>
                        <option value="17:30">17:30</option>
                        <option value="18:00" selected="selected">18:00</option>
                        <option value="18:30">18:30</option>
                        <option value="19:00">19:00</option>
                        <option value="19:30">19:30</option>
                        <option value="20:00">20:00</option>
                        <option value="20:30">20:30</option>
                        <option value="21:00">21:00</option>
                        <option value="21:30">21:30</option>
                        <option value="22:00">22:00</option>
                        <option value="22:30">22:30</option>
                        <option value="23:00">23:00</option>
                        <option value="23:30">23:30</option>
                        <option value="23:59">23:59</option>
                    </select>
                </span>

                <div>
                    <textarea type="text" name="reserveNotes" id="reserveNotes" placeholder="备注 (选填,限100个字符内)"/>
                </div>
            </div>
            <div class="reserve-customersInfo-items">
                <span class="point"></span>

                <div class="customerList">
                    <div class="customerItem">
                    <span style="position: relative">
                        <input type="text" class="customerName" placeholder="入住人姓名">
                    </span>
                    <span>
                        <select class="customerIdType">
                            <option value="IdCard" selected="selected">身份证</option>
                        </select>
                    </span>
                        <span style="position: relative"><input type="text" class="customerIdNo" placeholder="证件号码"></span>
                        <span class="addCustomer"></span>
                    </div>
                </div>
            </div>
            <div class="reserve-consume-items">
                <span class="point"></span>

                <div class="consumeList">
                    <div class="consumeSum">
                        <span>费用明细</span>
                        <div><span>合计总额:</span><span></span></div>
                    </div>
                    <div class="roomCostsItem">
                        <span><input type="text" readonly="readonly" value="房费金额"></span>
                        <span style="position: relative"><input type="text" name="roomCosts" id="roomCosts"></span>
                        <span><input type="text" name="roomCostsNotes" id="roomCostsNotes" placeholder="备注 (选填,限50个字符内)"></span>
                        <span class="addIncome"></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="reserveErrMsg">

        </div>
        <div class="new-reserve-footer">
            <button id="saveBtn">
                保存
            </button>
            <div><span>到店应收:</span><span></span></div>
        </div>

    </div>
</div>
